<!-- 头部页面 -->
<template>
  <header class="page-header">
    <div class="avatar-container">
     
    </div>
  </header>
</template>

<script>
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'HeadesPage',
  data() {
    return {
      avatarSrc: '../views/login/login.png' // 这里替换为实际的头像图片地址
    };
  }
});
</script>

<style scoped>
.page-header {
  display: flex;
  align-items: center;
  background-color: #fff;
  color: #000;
  padding: 10px;
}

.avatar-container {
  margin-right: 10px;
}

.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.title {
  font-size: 20px;
}
</style>